@CHARSET "UTF-8";
body {
    font-family: 'Open Sans', sans-serif;
    background: url(../img/bg4.jpg) center top;
    background-repeat:no-repeat;
    display: compact;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.nivoSlider {
    position:relative;
    margin-top:50px;
    background:url(../js/dark/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

/*==================== { SPACER } ==================== */
.spacer5 {
    margin-top: 2%;
}
.spacer10 {
    margin-top: 10%;
}
.spacer15 {
    margin-top: 15%;
}
.spacer20 {
    margin-top: 20%;
}
/*==================== { TOPLINE } ==================== */
.topline {
    background: #404040;
    height: 6px;
}
/*==================== { LOGO } ==================== */
.logo {
    background: #404040;
    width: 410px;
    padding: 15px;
    text-align: center;
	cursor:pointer;
}

    .logo .adres {
        padding-left:10px;cursor:default;font-size:12px;color:#fff;text-align:left;float:left; margin-left:10px;
    }
/*==================== { MAINMENU } ==================== */
.mainmenu {
    float: right;
}
.mainmenu a {
    display: list-item;
    list-style-type: none;
    float: left;
    background: #404040;
    margin-right:1px;
    color: #fff;
    width: 120px;
    height: 90px;
    font: bold 15px Open Sans;
    text-align:center;
    line-height: 90px;
}

.mainmenu a:hover {
    color: #fff;
    text-decoration: none;
    background: #000;
}

/*==================== { MAINCONTENT } ==================== */
.maincontent h2 {
    color: #fff;
    font: bold 30px Open Sans;
    padding-top: 35px;
    line-height: 50px;
}

.content {
    background: #404040;
    height: auto;
    display:none;
    color: #fff;
    font-size: 14px;
    opacity: 0.9;
}
#content {
    opacity: 0.9;
}
.content p {
    padding: 10px;
}

.content h2 {
    padding:10px;
}

form {
    margin-left:10px;
}
input , textarea {
    width: 400px;
}
/*==================== { VIDEOLAR} ==================== */
.videolist {
    margin-top:10px;
    margin-left: 10px;
}
.videolist a {
    list-style-type:none;	
    float:left;
    width:200px;
    margin-bottom:5px;
    height: auto;
    text-align:center;
    line-height:200px;
    position: relative;
    padding:15px;
}
	.videolist a {
		font:bold 16px Arial;
		color:#fff;
	}
	
.videolist a:hover {
    background: #333;
    cursor: pointer;	
    text-decoration:none;
}
.videolist li img {
    width:60px;
    margin-right: 10px;
}
/*==================== { FOOTER } ==================== */
footer  {
    background: #404040;
    height: 50px;
    opacity: 0.9;
    font-size: 14px;
    color: #fff;
    line-height: 50px;
    text-indent: 15px;
    margin-left: -30px;
    position: relative;
    width: 1170px;
}

footer .right {
    float:right;
}

footer .right a {
    opacity: 0.5;
}

footer .right a:hover {
    opacity: 1;
}

footer .right li {
    float:left;
    list-style: none;
    height: 40px;
    line-height: 45px;

}

a.jScrollArrowUp {
    background: url(../img/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
    background-position: 0 -15px;
}
a.jScrollArrowDown {
    background: url(../img/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
    background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
    background: #f60;
}
.orange-bar .jScrollPaneDrag {
    background: #00f url(../img/drag_grab.gif) no-repeat 50% 50%;
}


.holder {
    float: left;
    margin: 10px;
}

.scroll-pane {
    width: 100%;
    height: 250px;
    overflow: auto;

    float: left;
}


/*==================== { MAP } ==================== */
#map_canvas { height: 220px; width:420px; }